<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../css/mui.min.css" rel="stylesheet" />

		<link href="../fonts/iconfont.css" rel="stylesheet" />

		<link href="../css/index.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content  index7-mui-content">

		    <div class="header7" id="header8">
		   	    <div class="auto">
		   	   	    <i class="iconfont icon-caidan"></i>
		   	   	    <i class="iconfont icon-tuichu1"></i>
		   	   	    <p>Nicole James</p>
		   	    </div>
		    </div>

		    <div class="footer12">
		        <ul>
		       	    <li>
		       	    	<div class="auto">
		       	    		<p class="p1">Genneral</p>
		       	    		<div class="r">
		       	    			<i class="iconfont icon-forward"></i>
		       	    		</div>
		       	    	</div>
		       	    </li>
		       	    <li>
		       	    	<div class="auto">
		       	    		<p class="p1">Notifications</p>
		       	    		<!-- <div class="r turn">
		       	    			<p class="red"></p>
		       	    		</div> -->
		       	    		<!-- 简洁模式开关关闭状态 -->
							<div class="mui-switch mui-activ mui-switch-mini mui-switch-blue   son" id="mui-switch" >
							  <div class="mui-switch-handle" id="mui-switch-handle" style="background:#ff3366;"></div>
							</div>
						

		       	    	</div>
		       	    </li>
		       	    <li>
		       	    	<div class="auto">

		       	    		<p class="p1">Sound</p>
		       	    		<!-- 简洁模式开关关闭状态 -->
							<div class="mui-switch mui-switch-mini   son" id="mui-switch2">
							  <div class="mui-switch-handle" id="mui-switch-handle2"></div>
							</div>
		       	    		<!-- <div class="r turn bg-rewrite">
		       	    			<p class="navy"></p>
		       	    		</div> -->
		       	    	</div>
		       	    </li>
		       	    <li>
		       	    	<div class="auto">
		       	    		<p class="p1">Theme</p>
		       	    		<div class="r">
		       	    			<p class="standart">Standart <i class="iconfont icon-forward"></i></p>
		       	    		</div>
		       	    	</div>
		       	    </li>
		       	    <li>
		       	    	<div class="auto">
		       	    		<p class="p1">Support</p>
		       	    		<div class="r">
		       	    			<p><i class="iconfont icon-forward"></i></p>
		       	    		</div>
		       	    	</div>
		       	    </li>
		       	    <li>
		       	    	<div class="auto">
		       	    		<p class="p1">Privacy</p>
		       	    		<div class="r">
		       	    			<p><i class="iconfont icon-forward"></i></p>
		       	    		</div>
		       	    	</div>
		       	    </li>
		       	    <li>
		       	    	<div class="auto">
		       	    		<p class="p1">Logout</p>
		       	    		<div class="r">
		       	    			<p><i class="iconfont icon-forward"></i></p>
		       	    		</div>
		       	    	</div>
		       	    </li>
		        </ul>
		    </div>
		   
		</div>


	</body>

</html>

<script type="text/javascript" src="../js/mui.js"></script>
